﻿@{
    ViewBag.Title = "Home";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Header{
    <script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.easing.min.js"></script>
    @*<script type="text/javascript" src="~/Scripts/jquery.lazyload.min.js"></script>*@
    <script type="text/javascript" src="~/Scripts/timeline.min.js"></script>
    <script type="text/javascript" src="~/Scripts/pace.min.js"></script>
    <link type="text/css" rel="stylesheet" href="~/Content/timeline.css" />
    <link type="text/css" rel="stylesheet" href="~/Content/themes/pace/orange/pace-theme-minimal.css" />
}

<script type="text/javascript">
    $(function () {
        //延迟加载图片
        //$("img").lazyload({
        //    effect: "fadeIn"
        //});

        // 返回顶部
        $('#gotoTop').click(function () {
            $("html, body").animate({ scrollTop: 0 }, {
                duration: 600,
                easing: 'easeInExpo'
            });
            var self = this;
            this.className += ' ' + "launch";
            setTimeout(function () {
                self.className = 'show';
            }, 800)
        });
    });

    $(window).scroll(function () {
        if ($(window).scrollTop() > 45) {
            $('#gotoTop').slideDown(450);
        } else {
            $('#gotoTop').slideUp(450);
        }
    })

    $(document).ready(function () {
        var timeline_data = [
        {
            type: 'gallery',
            date: '2014-07-01',
            title: '第二本书《考拉小巫的留学成长日记》终于出版了',
            height: 150,
            images: ['images/placeholders/5.jpg', 'images/placeholders/6.jpg', 'images/placeholders/7.jpg', 'images/placeholders/1.jpg']
        },
        {
            type: 'blog_post',
            date: '2014-04-01',
            title: '第二份工作',
            content: '非常幸运地找到了人生中的第二份正式全职工作，做临床心理咨询工作。',
            image: 'images/placeholders/5.jpg'
        },
        {
            type: 'blog_post',
            date: '2014-02-01',
            title: '写书',
            content: '返回美国后，开始撰写第二本书。',
            image: 'images/placeholders/5.jpg'
        },
        {
            type: 'blog_post',
            date: '2013-11-01',
            title: '回国',
            content: '带着老公第二次回国，旅行，陪妈妈过生日，陪父母过中国年',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'blog_post',
            date: '2013-10-01',
            title: '离职',
            content: '从第一份工作离职，决定回国陪父母待一段时间。',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'blog_post',
            date: '2013-10-15',
            title: '高级执照',
            content: '终于拿到了LCSW执照。',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'blog_post',
            date: '2013-05-01',
            title: '回国办中式婚礼',
            content: '结婚两年多后，终于有时间回国办中式婚礼了。',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'gallery',
            date: '2012-05-01',
            title: '回国陪家人+新书签售',
            height: 150,
            images: ['images/placeholders/3.jpg', 'images/placeholders/3.jpg', 'images/placeholders/3.jpg']
        },
        {
            type: 'blog_post',
            date: '2011-12-01',
            title: '第一本书出版',
            content: '我的第一本书出版了，取得了不错的成绩。',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'blog_post',
            date: '2011-08-01',
            title: '第一份工作',
            content: '找到了我人生中的第一份正式全职工作。',
            image: 'images/placeholders/3.jpg'
        },
        {
            type: 'blog_post',
            date: '2011-07-01',
            title: '初级执照',
            content: '拿到了我的LMSW执照。',
        },
        {
            type: 'blog_post',
            date: '2011-05-01',
            title: '毕业典礼',
            content: '妈妈来到美国参加我的毕业典礼。',
            image: 'images/placeholders/1.jpg'
        },
        {
            type: 'blog_post',
            date: '2010-06-01',
            title: '毕业',
            content: '从WUSTL毕业了，拿到了MSW学位。',
            image: 'images/placeholders/7.jpg'
        },
        {
            type: 'blog_post',
            date: '2010-11-01',
            title: '结婚',
            content: '乔希向我求婚了，我们成为了一对幸福的小夫妻～',
            image: 'images/placeholders/6.jpg'
        },
        {
            type: 'blog_post',
            date: '2009-01-01',
            title: '出国',
            content: '年初来到美国读研。',
            image: 'images/placeholders/5.jpg'
        },
        {
            type: 'blog_post',
            date: '2008-01-01',
            title: '申请成功',
            content: '年末成功申请到WUSTL的社工硕士项目，顺利获取赴美签证。',
            image: 'images/placeholders/4.jpg'
        },
        {
            type: 'blog_post',
            date: '2007-05-01',
            title: '本科毕业',
            content: '今年9月份去北二外读研究生。',
            image: 'images/placeholders/3.jpg'
        },
        {
            type: 'blog_post',
            date: '2007-01-01',
            title: '本科毕业',
            content: '今年从内蒙古大学毕业了。',
            image: 'images/placeholders/2.jpg'
        },
        {
            type: 'blog_post',
            date: '2006-01-01',
            title: '伊甸园字幕组',
            content: '加入了伊甸园字幕组。',
            image: 'images/placeholders/1.jpg'
        },
        {
            type: 'blog_post',
            date: '2005-01-01',
            title: '交换生',
            content: '今天作为交换生去北京大学学习了一个学期',
            image: 'images/placeholders/7.jpg'
        },
        {
            type: 'blog_post',
            date: '2003-01-01',
            title: '大学',
            content: '结束了痛苦的高中时代，终于步入了大学时代。这一年，我认识了除我妈妈和老公外，我最好的朋友胖咸鱼，还有彻底改变我人生的郑老师。',
        },
        {
            type: 'blog_post',
            date: '2000-01-01',
            title: '高中',
            content: '千禧年时我步入了高中，中间还转过一次学。对于高中时代，我没有什么积极的印象，只记得和小怡子二人上课不停地写日记、进行着所谓的“文学创作”。认识了包括元元在内的一批好友，到现在还互相打屁搞笑中。',
            image: 'images/placeholders/5.jpg'
        },
        {
            type: 'blog_post',
            date: '1996-01-01',
            title: '初中',
            content: '十二岁时，我开始上初中，结识了几个十分要好的朋友。深深地记得初中毕业时，所有人哭成了狗，那种不希望毕业就分离的强烈感觉现在依然清晰地记得。',
        },
        {
            type: 'blog_post',
            date: '1991-05-01',
            title: '小学',
            content: '七岁时，我开始上小学。我所在的小学是当地的一所实验小学，实行五年小学+四年初中的试行学制。当时有很多朋友，其中很多发小至今依然联系紧密。喜欢体育运动，有了一只至今依然想念的小狗。',
            image: 'images/placeholders/3.jpg'
        },
        {
            type: 'blog_post',
            date: '1986-01-01',
            title: '幼儿园',
            content: '两岁半的时候，我开始上幼儿园了。记得第一天上幼儿园的时候，哭天抢地地不想去。后来终于适应了之后，又整天开心地不想回家。',
        },
        {
            type: 'blog_post',
            date: '1984-10-21',
            title: '出生',
            content: '我出生在内蒙古呼和浩特的一家小医院，是标准的天平座性格。',
            image: 'images/placeholders/1.jpg'
        }
        ];

        timeline = new Timeline($('#timeline'), timeline_data);
        timeline.setOptions({
            animation: false,
            lightbox: true,
            columnMode: 'dual',
            order: 'desc',
            separator: 'year',
            first_separator: true,
            responsive_width: 800
        });
        timeline.display();
    });
</script>

<div id="timeline" style="width: 80%; max-width: 800px; margin: auto;">
</div>

<a href="javascript:;" id="gotoTop" class="show" style="display: inline;">
    <i></i>
</a>
